body {
	/**
 * background:url(../images/back-body.gif) center top repeat;
 */
	color: #383838;
}
a:link,
a:visited{color:#04849f; text-decoration:none}
a:hover{color:#00a6c9; text-decoration:underline}
.clear{ clear:both}
#img-top {
	width:100%;
	background:url(../images/bodytop.gif) left top repeat-x;

  /**
 * 	overflow: hidden;
 */
 
}
#Container{
	 width:100%;
	 margin:0 auto;
	 position:relative;
     
}
.min-height{
    min-height: 500px;
}
#LogoCTU{
	width:164px;
	height:171px;
	position:absolute;
	z-index:16;
	top:7%;
	left:5%;
	background:url(../images/ctu.gif) no-repeat;
}

#slogan{
	width:100%;
	height:143px;
	position:relative;
}
#banner-f{
	width:100%;
	height:143px;
    overflow: hidden;
    
}
#slogan h1{
	background:url(../images/LLKH.png) no-repeat;
	width:45%;
	height:50px;
	position:absolute;
	z-index:1;
	left:17%;
	top:50px;
	text-indent:-9999px;
}
#info_per{
	width:30%;
	height:50px;
	position:absolute;
	z-index:1;
	left:70%;
	top:30px;
	
    
}
.row_head {
    display: block;
    margin: 0;
    padding:4px 0;
    position: relative;
}
/** ********************      menu  *********************  */
#menu {
	/*border-radius: 5px 5px 5px 5px;
	background: #d1e8f0; e4e4e3;	
	width:80%;*/
	position:absolute;
	z-index:15;
	top:110px;
	font-size: 15px;
    background:#0080FF;
    width:100%;
    
    
}
#menu ul {
float: left;
list-style: none;
behavior: url(whateverhover.htc);
margin: 0px 16.5%;
}

#menu ul li {
position: relative;
float: left;

}

#menu li a {
display: block;
color: rgb(255, 255, 255);
font-weight: bold;
text-decoration: none;
padding: 7px 6px;
font-family: sans-serif;
}

#menu li a:hover {
color: black;

}

#menu li ul{
background:#d1e8f0; /* yellow;*/
position: absolute;
display: none;
width: 270px;
opacity:0.9;
color: black;
			
}


#menu li:hover ul{
display: block;


}

#menu ul li ul li {
	 width: 100%;
     
     
}
#menu .current{
		background:#0080FF;
		color:white;
        height: 33px;
		}
/** *****************************************************  */
table.ref
    {
    border: 1px solid black;
    border-collapse:collapse;
    width:100%;
    margin: 0 auto;
    
    }
table.ref td,th 
    {
    border:1px solid black;
    padding:3px;
    
    vertical-align:middle;
    }
.MainContent{
	width:100%;
    height:auto;
	/**
 * background: #ededed;
 */
	overflow:hidden;
}
.border_1 
{
    BORDER-RIGHT: #007ebb 1px solid; 
    PADDING-RIGHT: 0px; 
    BORDER-TOP: #007ebb 1px solid; 
    PADDING-LEFT: 0px; 
    FONT-SIZE: 10pt; 
    PADDING-BOTTOM: 1px; 
    BORDER-LEFT: #007ebb 1px solid; 
    PADDING-TOP: 1px; 
    BORDER-BOTTOM: #007ebb 1px solid; 
    FONT-FAMILY: Arial
}
.border_2 
{
    
    FONT-SIZE: 10pt;
    border: 1px solid #bccbd8;    
    /*PADDING-RIGHT: 0px; 
    
    PADDING-LEFT: 0px; 
    
    PADDING-BOTTOM: 1px; 
     
    PADDING-TOP: 1px; */
    
    FONT-FAMILY: Arial
}
.main_1 
{
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 14pt; 
    BACKGROUND-IMAGE: 
    url('../images/bg_main_tbl.gif'); 
    PADDING-BOTTOM: 0px; 
    COLOR: #ffffff; 
    PADDING-TOP: 0px; 
    FONT-FAMILY: Arial; 
    HEIGHT: 25px
}
.main_3 
{
    BORDER-TOP-WIDTH: 1px; 
    BORDER-RIGHT: #80b5d7 1px solid; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    FONT-WEIGHT: bold; 
    BORDER-LEFT-WIDTH: 1px; 
    FONT-SIZE: 10pt; 
    PADDING-BOTTOM: 2px; 
    COLOR: #000000; 
    PADDING-TOP: 2px; 
    BORDER-BOTTOM: #80b5d7 1px solid; 
    FONT-FAMILY: Arial; 
    BACKGROUND-COLOR: #dae9f3
}
.level_1_1 
{
    BORDER-RIGHT: #e5e5e5 1px solid; 
    PADDING-RIGHT: 2px; 
    BORDER-TOP: #ffffff 1px solid; 
    PADDING-LEFT: 2px; 
    FONT-SIZE: 10pt; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    WORD-SPACING: 0px; 
    TEXT-INDENT: 0px; 
    PADDING-TOP: 0px; 
    BORDER-BOTTOM: #e5e5e5 1px solid; 
    FONT-FAMILY: Arial;
    HEIGHT: 23px;
}

/*Màu nền của thẻ TD hoặc TR - màu xám*/
.level_1_2 
{
    BORDER-RIGHT: #e5e5e5 1px solid; 
    PADDING-RIGHT: 2px; 
    BORDER-TOP: #ffffff 1px solid; 
    PADDING-LEFT: 2px; 
    FONT-SIZE: 10pt; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    WORD-SPACING: 0px; 
    TEXT-INDENT: 0px; 
    PADDING-TOP: 0px; 
    BORDER-BOTTOM: #e5e5e5 1px solid; 
    FONT-FAMILY: Arial; 
    BACKGROUND-COLOR: #f7f7f7;
    HEIGHT: 23px;
}
.button_1
{
    BORDER-RIGHT: #80b5d7 1px solid; 
    BORDER-TOP: #80b5d7 1px solid; 
    FONT-WEIGHT: bolder; 
    FONT-SIZE: 9pt; 
    BORDER-LEFT: #80b5d7 1px solid; 
    COLOR: #ffffff; 
    BORDER-BOTTOM: #80b5d7 1px solid; 
    FONT-FAMILY: Arial; 
    BACKGROUND-COLOR: #3872b2
}
.header{
    background: #C4DADB;
}
.center {
    
    text-align: center;
}
.bold {
    
    font-weight: bold;
}
.line_c {
    
    background:  #E8F6E9;/**#DFDFDF;
 *
 */
}
.line_l {
    
    background:  white;
}
.line_l:hover,.line_c:hover {
    
    background: #99FFCC;
} 
.clear_b {
    clear: both;
    
}
.min_width {
    min-width: 50%;
}
pre{
    font-family: arial;
    margin:0;
}
.load{
     position:absolute;
     width: 130px;
     height: 50px; 
     text-align:center; 
     top:200px;
     left: 45%;
     background-image: url('../images/loading9.gif');
     background-repeat: no-repeat;
}
.highlight { background-color: yellow }